<script setup lang='ts'>
const visible = defineModel<boolean>()
const types = ref(['交付审批'])
</script>

<template>
  <el-dialog v-model="visible" title="发起业务审批" width="450" :before-close="() => visible = false">
    <el-form>
      <el-form-item label="审批类型*">
        <!-- 复选框组合 -->
        <el-checkbox-group v-model="types">
          <el-checkbox label="交付审批" />
          <el-checkbox label="合同审批" />
        </el-checkbox-group>
      </el-form-item>
      <el-form-item v-if="types.includes('交付审批')" label="交付审批原因">
        <el-input type="textarea" />
      </el-form-item>
      <el-form-item v-if="types.includes('合同审批')" label="合同审批原因">
        <el-input type="textarea" />
      </el-form-item>
    </el-form>
    <template #footer>
      <span>
        <el-button @click=" visible = false">关闭</el-button>
        <el-button type="primary" @click="visible = false">提交</el-button>
      </span>
    </template>
  </el-dialog>
</template>

<style scoped lang='scss'></style>
